<!-- TODO: replace the contents of this file with your own html -->
<div style="width:320px;margin:auto;">
<div class="palm-body-text" id="home">
    <div class="palm-group">
        <div class="palm-group-title" x-mojo-loc=''>
            Options:
        </div>
        <div class="palm-list">
            <div class="palm-row" id="questionQuizRow">
                <div class="palm-row-wrapper">
                    <span class="label"># Questions</span>
                    <div x-mojo-element="IntegerPicker" id="qNum" name="qNum">
                    </div>
                </div>
            </div>
            <div class="palm-row">
                <div class="palm-row-wrapper">
                    <span class="label">Sound/Clef</span>
                    <div x-mojo-element="ListSelector" id="tSound" name="tSound">
                    </div>
                </div>
            </div>
            <div class="palm-row">
                <div class="palm-row-wrapper">
                    <span class="label">Audio Chord</span>
                    <div x-mojo-element="ListSelector" id="tChord" name="tChord">
                    </div>
                </div>
            </div>
            <div class="palm-row">
                <div class="palm-row-wrapper">
                    <div x-mojo-element="List" id="mylist">
                    </div>
                </div>
            </div>
            <div class="palm-row last">
                <div class="palm-row-wrapper">
                    <div x-mojo-element="Button" id="bDone" class="buttonClass" name="bDone"/>
                </div>
            </div>
        </div>
    </div>
    <div id="test">
    </div>
</div>
</div>
